<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/aui.css">
    <style>
        p i {
            width: 100px;
            margin: 25px;
        }

        .aui-iconfont {
            font-size: 1.7rem;
        }
    </style>
</head>

<body>
    <p>
        <i class="aui-iconfont aui-icon-menu"></i>
        <i class="aui-iconfont aui-icon-paper"></i>
        <i class="aui-iconfont aui-icon-info"></i>
        <i class="aui-iconfont aui-icon-question"></i>
        <i class="aui-iconfont aui-icon-left"></i>
        <i class="aui-iconfont aui-icon-right"></i>
        <i class="aui-iconfont aui-icon-top"></i>
        <i class="aui-iconfont aui-icon-down"></i>
        <i class="aui-iconfont aui-icon-share"></i>
        <i class="aui-iconfont aui-icon-comment"></i>
        <i class="aui-iconfont aui-icon-edit"></i>
        <i class="aui-iconfont aui-icon-trash"></i>
        <i class="aui-iconfont aui-icon-recovery"></i>
        <i class="aui-iconfont aui-icon-refresh"></i>
        <i class="aui-iconfont aui-icon-close"></i>
        <i class="aui-iconfont aui-icon-cart"></i>
        <i class="aui-iconfont aui-icon-star"></i>
        <i class="aui-iconfont aui-icon-plus"></i>
        <i class="aui-iconfont aui-icon-minus"></i>
        <i class="aui-iconfont aui-icon-correct"></i>
        <i class="aui-iconfont aui-icon-search"></i>
        <i class="aui-iconfont aui-icon-gear"></i>
        <i class="aui-iconfont aui-icon-map"></i>
        <i class="aui-iconfont aui-icon-location"></i>
        <i class="aui-iconfont aui-icon-image"></i>
        <i class="aui-iconfont aui-icon-phone"></i>
        <i class="aui-iconfont aui-icon-camera"></i>
        <i class="aui-iconfont aui-icon-video"></i>
        <i class="aui-iconfont aui-icon-qq"></i>
        <i class="aui-iconfont aui-icon-wechat"></i>
        <i class="aui-iconfont aui-icon-weibo"></i>
        <i class="aui-iconfont aui-icon-note"></i>
        <i class="aui-iconfont aui-icon-mail"></i>
        <i class="aui-iconfont aui-icon-wechat-circle"></i>
        <i class="aui-iconfont aui-icon-home"></i>
        <i class="aui-iconfont aui-icon-forward"></i>
        <i class="aui-iconfont aui-icon-back"></i>
        <i class="aui-iconfont aui-icon-laud"></i>
        <i class="aui-iconfont aui-icon-lock"></i>
        <i class="aui-iconfont aui-icon-unlock"></i>
        <i class="aui-iconfont aui-icon-like"></i>
        <i class="aui-iconfont aui-icon-my"></i>
        <i class="aui-iconfont aui-icon-more"></i>
        <i class="aui-iconfont aui-icon-mobile"></i>
        <i class="aui-iconfont aui-icon-calendar"></i>
        <i class="aui-iconfont aui-icon-date"></i>
        <i class="aui-iconfont aui-icon-display"></i>
        <i class="aui-iconfont aui-icon-hide"></i>
        <i class="aui-iconfont aui-icon-pencil"></i>
        <i class="aui-iconfont aui-icon-flag"></i>
        <i class="aui-iconfont aui-icon-cert"></i>
    </p>
</body>
<script>
    var arr = [
        'aui-icon-menu',
        'aui-icon-paper',
        'aui-icon-info',
        'aui-icon-question',
        'aui-icon-left',
        'aui-icon-right',
        'aui-icon-top',
        'aui-icon-down',
        'aui-icon-share',
        'aui-icon-comment',
        'aui-icon-edit',
        'aui-icon-trash',
        'aui-icon-recovery',
        'aui-icon-refresh',
        'aui-icon-close',
        'aui-icon-cart',
        'aui-icon-star',
        'aui-icon-plus',
        'aui-icon-minus',
        'aui-icon-correct',
        'aui-icon-search',
        'aui-icon-gear',
        'aui-icon-map',
        'aui-icon-location',
        'aui-icon-image',
        'aui-icon-phone',
        'aui-icon-camera',
        'aui-icon-video',
        'aui-icon-qq',
        'aui-icon-wechat',
        'aui-icon-weibo',
        'aui-icon-note',
        'aui-icon-mail',
        'aui-icon-wechat-circle',
        'aui-icon-home',
        'aui-icon-forward',
        'aui-icon-back',
        'aui-icon-laud',
        'aui-icon-lock',
        'aui-icon-unlock',
        'aui-icon-like',
        'aui-icon-my',
        'aui-icon-more',
        'aui-icon-mobile',
        'aui-icon-calendar',
        'aui-icon-date',
        'aui-icon-display',
        'aui-icon-hide',
        'aui-icon-pencil',
        'aui-icon-flag',
        'aui-icon-cert',
    ];
    var brr = [];
    var p = document.getElementsByTagName('p')[0];
    var html = '';
    // for (var i = 0, len = arr.length; i < len; i++) {
    //     html += '<i class="aui-iconfont ' + arr[i] + '"></i>';
    // }
    // p.innerHTML = html;
    console.log(html);
</script>

</html>